
var commod_list = document.querySelector(".commod-list")
//分页管理器
let datalist = []
$.ajax({
      
      method: 'get',
      url: "../static/data/goods.json",
      success: function (res) {
            console.log(res);
            // res = res.data
            console.log(res[0].img.alt);
            console.log(res[0].img.src);
            datalist = res;
            new Pagination(res, { show_num: 15 })
            sortup(res);
            sortdown(res);
      }
})
function sortup(data) {
      $('.prod_btn .red_p').on("click", function () {
            datalist = data.sort((a, b) => parseInt(a.price.slice(1)) - parseInt(b.price.slice(1)))
            new Pagination(datalist, { show_num: 20 })
      })
}
function sortdown(data) {
      $('.red .red_q').on("click", function () {
            datalist = data.sort((a, b) => parseInt(b.price.slice(1)) - parseInt(a.price.slice(1)))
            new Pagination(datalist, { show_num: 20 })
      })
}

window.onload = function () {
      // 获取图片列表，即img标签列表
      var imgs = document.querySelectorAll('img');

      // 获取到浏览器顶部的距离
      function getTop(e) {
            return e.offsetTop;
      }

      // 懒加载实现
      function lazyload(imgs) {
            // 可视区域高度
            var h = window.innerHeight;
            //滚动区域高度
            var s = document.documentElement.scrollTop || document.body.scrollTop;
            for (var i = 0; i < imgs.length; i++) {
                  //图片距离顶部的距离大于可视区域和滚动区域之和时懒加载
                  if ((h + s) > getTop(imgs[i])) {
                        // try {
                        if (imgs[i].getAttribute('data-src') !== null)
                              imgs[i].src = imgs[i].getAttribute('data-src')
                        // } catch (error) {}
                  }
            }
      }
      lazyload(imgs);

      // 滚屏函数
      window.onscroll = function () {
            lazyload(imgs);
      }
}
